<div class="col-md-12">

    <!--页眉-->
    <div class="row col-md-12 text-center pageHead">
        <span class="glyphicon glyphicon-repeat pull-left back-icon" ng-click="backMenu()"></span>
        <span class="pull-left back mt15" ng-click="backMenu()">回功能列表</span>
        <span class="title">
			沈阳怪坡景区销售系统
		</span>
        <span class="glyphicon glyphicon-list-alt pull-right back-icon" ng-click="backMenu()"></span>
        <span class="pull-right back mt15" ng-click="backMenu()">快捷菜单</span>
    </div>

    <div class="list-container panel panel-default">
        <div class="panel-body">

            <div class="row mt50">
                <div class="col-xs-5">
                    <div class="row">
                        <div class="col-xs-4 text-right">
                            <label class="isUsed">
                                <input type="checkbox" name="isUsedCard" class="form-contol" ng-model="isCard" ng-value="0"/>
                                卡号
                            </label>
                        </div>
                        <div class="col-xs-8">
                            <input type="number" class="form-control" ng-model="card" placeholder="请刷卡" />
                        </div>
                    </div>
                </div>
                <div class="col-xs-5">
                    <div class="row">
                        <div class="col-xs-4 text-right">
                            <label class="isUsed">
                                <input type="checkbox" name="isUsedCard" class="form-contol" ng-model="isCard" ng-value="0"/>
                                手机号码
                            </label>
                        </div>
                        <div class="col-xs-8">
                            <input type="number" class="form-control" ng-model="card" placeholder="请填写手机号码" />
                        </div>
                    </div>
                </div>
                <div class="col-xs-2">
                    <button class="btn btn-info ml20">查询</button>
                </div>
            </div>

            <div class="row mt20">
                <div class="col-xs-5">
                    <div class="row">
                        <div class="col-xs-4 text-right">
                            <label class="isUsed">
                                <input type="checkbox" name="isUsedCard" class="form-contol" ng-model="isCard" ng-value="0"/>
                                身份证号
                            </label>
                        </div>
                        <div class="col-xs-8">
                            <input type="number" class="form-control" ng-model="card" placeholder="请刷卡" />
                        </div>
                    </div>
                </div>
            </div>

        </div>
        
        <div class="panel-body memberLabel" style=" border-top: 2px solid #2c98d4;">
            <div class="row">
                <div class="col-xs-2 text-right">姓名</div>
                <div class="col-xs-10" style="padding-left: 30px;">{{member.name}}张三</div>
            </div>
            <div class="row">
                <div class="col-xs-2 text-right">手机号码</div>
                <div class="col-xs-10" style="padding-left: 30px;">{{member.phone}}12345678901</div>
            </div>
            <div class="row">
                <div class="col-xs-2 text-right">会员卡号</div>
                <div class="col-xs-10" style="padding-left: 30px;">{{member.card}}123456789</div>
            </div>
            <div class="row">
                <div class="col-xs-2 text-right">身份证号码</div>
                <div class="col-xs-10" style="padding-left: 30px;">{{member.idCard}}210423199923214568</div>
            </div>
            <div class="row">
                <div class="col-xs-2 text-right">包含票种类</div>
                <div class="col-xs-10 text-right"></div>
            </div>
            <div class="row">
                <!--<div class="col-xs-2 text-right"></div>-->
                <div class="col-xs-12" style="padding-left: 30px;">
                    <table class="table table-bordered">
                        <tbody>
                            <tr class="form-inline" ng-repeat="ticketType in ticketTypeList">
                                <td class="text-center">{{ticketType.name}}</td>
                                <td class="text-center">{{ticketType.price}}元</td>
                                <td class="text-center">剩余{{ticketType.have}}次</td>
                                <td class="text-center">共{{ticketType.num}}次</td>
                                <td class="text-center">有效期至{{ticketType.date}}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-2 text-right memberLabel">卡片状态</div>
                <div class="col-xs-10" style="padding-left: 30px;">{{member.status}}正常</div>
            </div>
            <div class="row">
                <div class="col-xs-3"></div>
                <div class="col-xs-3 text-center">
                    <button class="btn btn-info">挂失</button>
                </div>
                <div class="col-xs-3 text-center">
                    <button class="btn btn-info">解挂</button>
                </div>
                <div class="col-xs-3"></div>
            </div>
        </div>
    </div>

</div>

<style type="text/css">
    .title {
        font-size: 35px;
    }

    .back {
        font-size: 15px;
        vertical-align: middle;
    }

    .back-icon {
        font-size: 15px;
        margin: 15px;
        margin-top: 18px;
        vertical-align: middle;
    }

    .pageHead {
        width: 100%;
        padding: 0px;
        color: #FFF;
        background-color: rgb(44, 152, 212);
    }

    .ng-scope {
        padding: 0px;
    }

    .row {
        margin-left: 0px;
    }

    .row div {
        padding: 0px;
    }

    .sale-info {
        border: 0px solid #FFF;
    }

    .table>tbody>tr>td {
        border-top: 0px solid #ddd;
    }

    .table-bordered>tbody>tr>td {
        border: 0px solid #ddd;
    }

    .table-bordered {
        border: 0px solid #ddd;
    }

    .sale-info .sale-list {
        height: 765px;
        border: 1px solid #ddd;
    }

    .sale-info .sale-selected-list {
        height: 765px;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
    }

    .row {
        margin-right: 0px;
        /*margin-left: -15px;*/
    }

    .tic-btn {
        width: 80px;
        height: 72px;
        padding-top: 25px;
    }

    .saleBlock {
        margin: 20px;
        margin-top: 20px;
        margin-left: 30px;
        padding: 20px;
        height: 100px;
        border: 2px solid #2c98d4;
    }

    .sale-detail {
        font-size: 20px;
        height: 60px;
        border-bottom: 2px solid #2c98d4;
    }

    .isUsed {
        padding-top: 5px;
        margin-left: 20px;
        margin-right: 20px;
        font-size: 15px;
    }

    .ml20 {
        margin-left: 20px;
    }

    .memberLabel {
        font-size: 20px;
    }

    .pl20 {
        padding-left: 20px;
    }
</style>